/**
 * Copyright © 2016-2025 The Thingsboard Authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.cf-test-dialog-container {
  .gutter {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50%;
  }

  .gutter.gutter-horizontal {
    cursor: col-resize;
    background-image: url("../../../../../../../assets/split.js/grips/horizontal.png");
  }

  .gutter.gutter-vertical {
    cursor: row-resize;
    background-image: url("../../../../../../../assets/split.js/grips/vertical.png");
  }

  .block-label {
    padding: 4px;
    color: #00acc1;
    background: rgba(220, 220, 220, .35);
    border-radius: 5px;
  }

  .test-block-content {
    padding-top: 5px;
    padding-left: 5px;
    border: 1px solid #c0c0c0;
    overflow: scroll;
  }

  .block-label-container {
    position: absolute;
    z-index: 10;
    font-size: 12px;
    font-weight: bold;

    &.left {
      right: 112px;
      top: 9px;
    }

    &.right-bottom {
      right: 40px;
      top: 6px;
    }

    &.right-top {
      right: 8px;
      top: 2px;
    }
  }
}

.tb-js-func {
  .ace_tb {
    &.ace_calculated-field {
      &-ctx {
        color: #C52F00;
      }
      &-args {
        color: #185F2A;
      }
      &-key {
        color: #c24c1a;
      }
      &-time-window, &-values, &-func, &-value, &-ts {
        color: #7214D0;
      }
      &-start-ts, &-end-ts {
        color: #2CAA00;
      }
    }
  }
}
